@charset "utf-8";
/*common*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, address, cite, del, em, img, q, u, i, dl, dt, dd, ol, ul, li, form,
label, table, tr, th, td,caption, tbody, tfoot, thead, article, aside, details, summary, figure, figcaption, footer, header, menu, nav,
section, audio, input, select, textarea {margin:0;padding:0;border:0;font-weight: normal; }
header,footer,nav,section,menu,article,aside { display:block;}
h1, h2, h3, h4, h5, h6{font-weight: normal;color: #474747;line-height: 120%;}
body {font-family:'微软雅黑','Heiti SC','黑体','Arial'; color:#333; margin: 0 auto; cursor:default; word-break:break-all;  white-space:normal; -webkit-tap-highlight-color:rgba(255,255,255,0);letter-spacing:0.2px;}
body{font-size:1.2rem; background-color:#fff;}
*, *:before, *:after {box-sizing: border-box;}
.clear{ clear: both;}
.fl{ float:left}
.fr{ float:right}
ul{ list-style: none;}
img{display:block; border:0}
a{text-decoration:none;}
.minValue {
	width: 100%;
	margin-top: 10px;
	display: block;
	text-align: center;
}


.selecttab {float:left; margin-top: 5px;margin-right: 15px;}
.selecttab li{ float:left; width:70px;  text-align:center; height:30px; line-height:28px;}
.selecttab li a{ color:#b7e3ff; font-size:13px; display:block;background:#032071;}
.selecttab a:hover{ color:#fff!important; background:#0d62d4}
.selecttab .selectTop{ color:#fff!important; background:#0d62d4}





.bjcss{background:url(../images/bj1.jpg) no-repeat; background-size:100% 100%;width:1111px; height:624px;margin:0 auto;}
.boxp{ padding:0 55px; margin:0 auto}

.top{ height:55px; width:100%; border-bottom:1px solid #093e93}
.top .logo2{ display: inline-block; width:230px;background-size:100% 100%; margin-top:15px; margin-left:15px}
.box01{ width: 700px;}
.box01 .engine{ height:38px; width:400px; float:left;margin-top: 5px;}
.box01 .engine .search{ width: 380px; height: 26px; border-radius: 26px; background:#1c3f9f url(../images/ss.png) no-repeat 15px;; color:#83a3f9; padding:0 15px 0 35px; line-height:24px}
.box01 .engine .rc a{ color: #7a96e1; font-size: 12px; padding:0 8px;border-right: 1px solid #7a96e1}
.box01 .engine .rc a:last-child{border: none;}
.box01 .engine .rc{ color: #7a96e1;font-size: 12px;padding-top: 3px;padding-left: 8px; }
.box01 .home{ width:28px; height:28px;background-size:100% 100%;margin-top: 12px;}


.main{ margin-top:25px;}
.leftbox{ width:110px}
.leftbox .text{ background:url(../images/leftbj.png) no-repeat center; height:250px; width:100px; border-radius:10px;line-height: 100px;padding-top:20px; }
.leftbox .text{writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }
.leftbox .text span{ color:#b7e3ff;  font-size:30px; text-align:center; font-weight:bold}
.leftbox  .but{ margin-top:30px;}

.rightbox{ margin-left:35px;max-width: 830px}
.rightbox .tab li{ float:left; width:100px;  text-align:center; height:30px; line-height:28px;}
.rightbox .tab li a{ color:#b7e3ff; font-size:13px; display:block;background:#032071;}
.rightbox .tab a:hover{ color:#fff!important; background:#0d62d4}
.rightbox .tab .selctListTab{ color:#fff!important; background:#0d62d4}

.gridbox{ width:850px;margin-top: 15px;}
.gridbox ul  .min {width: 111.5px;height: 133.3333px;}
.gridbox ul  .mid {width: 245.3078px;height: 133.3333px;}
.gridbox ul  .max {width: 245.3078px;height: 266.6666px;}
.gridbox ul li{ float:left; padding:0 10px 10px 0;}
.gridbox ul li a{ display:block; width: 100%;height: 100%; position: relative}
.gridbox ul li .pdding{ padding: 15px 15px 0 15px;}
.color1 { background:#00a2b6}
.color2 { background:#0d61d4}
.color3 { background:#e05a34}
.color4 { background:#b913c5}
.color5 { background:#00a00a}
.color6 { background:#c41d4a}

.imgbj1{ background:url(../images/imgz01.png) no-repeat center; background-size:100% 100%;}
.imgbj2{ background:url(../images/imgz02.png) no-repeat center; background-size:100% 100%;}
.imgbj3{ background:url(../images/imgz002.png) no-repeat center; background-size:100% 100%;}
.imgbj4{ background:url(../images/imgz04.png) no-repeat center; background-size:100% 100%;}

.imgcss00{height: 40px;margin: 0 auto;}
.sjxx h2,span{ font-size: 16px; color: #fff}
.gridbox .sjxx{ text-align: center;margin-top: 5px;}

.layer{height: 35px;background-color: rgba(0,0,0,.6);position: absolute;bottom: 0;width: 100%;line-height: 35px;padding: 0 15px;}
.layer h1{font-size: 16px; color: #fff;padding-top: 7px;}
.layer .imgf{float:left;margin-right: 5px;margin-top: 2px;}



.list-inline{ margin:0 auto;width: 100px;position: absolute;bottom: 30px;z-index: 100;}

.list-inline li {float:left; width:8px; height:8px;  display:block;color:#CCC; border-radius:30px; margin:0 5px;border:1px solid #5279c5;}
.active{ display:block; margint:0 5px;  background:#53688d;border-radius:30px ;width:8px; height:8px; }

.qh{ margin:0 auto;width: 100px;}
.midImage {float: left;margin-top: 26px;}
.midContent {float: left;width: 115px;margin-top: 33px!important;}
.minh2 {display: block;width: 100%;text-align: center;}
.midh2{display: block;width: 115px;text-align: center;}
.midcount {float: right;margin-top: 33px!important}
/*智能书目检索*/
.textts{ width:850px;}
.textts .year {float: right;}
.textts .year li{ float:left;}
.textts .year li a{display: block; width:55px; height:55px; border:1px solid #38cbff; color: #38cbff;border-radius:60px; font-size: 15px;text-align: center;line-height: 55px; margin-left: 40px}
.textts .year li a:hover{ background: #38cbff; color: #060c36}
.maints{ background-color: rgba(115,147,223,0.2); height:350px; width:850px; margin-top:30px;}
.maints ul .lifl{ float: left; } 
.bookbox {background: #98c5f0;margin-left:20px;width: 395px; height: 145px; margin-top:20px;position: relative}
.bookbox h2 {color: #031b5e;font-size: 18px;padding-bottom: 2px}
.bookbox p {color: #014a9b;font-size: 13px;}
.bookbox .booktext{padding:15px;line-height: 20px;}
.bookbox .assess span{color: #031b5e;padding-left: 15px; font-size: 14px;float: left;}
.bookbox .more{ display: block;background: #1652ab; color: #fff;padding:3px 15px;font-size: 14px}
.bookbox .assessbox{position: absolute;bottom: 0;width: 100%;}
.bookbox .assess li{background: url(../images/xxk.png) no-repeat center; width:20px; height: 20px; background-size: 100%;float:left;margin-left:1px ;}
.bookbox .assess .on{background: url(../images/xx.png) no-repeat center; width:20px; height: 20px; background-size: 100%;float:left;margin-left:1px ;}
.footer span{color: #003a85; font-size: 12px;}
.footer{padding-top: 10px;}
.footer .but a{ float: left;padding-left: 10px}
.swiper-wrapper {
  width: 850px;
  height: 350px;
  background: transparent;
  position:relative;
}
.Js_list_title {
  float: left;
  max-width: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;   
}
.Js_list_autor {
  font-size: 16px;
  float: right;
  margin-right: 10px;
  color: #014a9b;
  max-width: 150px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;   
}

.swiper-container {
  margin-top: 14px!important;		
  width: 850px;
  height: 358px;
}
.Js_list_content {
  clear: both;
  max-height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.Js_last_page {
  width: 70px;
  height: 55px;
  line-height: 55px;
  float: left;
  display: inline-block;
  color: #38cbff;
  font-size:17px;
  padding-left: 10px;
}















